<div style="width:100%;" ng-repeat="config in card.data" ng-if="config.type=='items'">
    <div style="overflow-x: scroll;display: -webkit-box;width:100%;" class="mostly-scrollbar">
        <div ng-if="config.value.length" ng-repeat="item in config.value" style="min-width:180px;max-width:180px;margin-left:10px;">
            <div>
                <img src="{{item.img}}" style="width:180px;height:180px;" />
            </div>
            <div style="overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;">
                {{item.title}}
            </div>
            <div>{{item.price}}</div>
        </div>
        <div ng-if="config.value.length==0">
            {{card.title}}
        </div>
    </div>
</div>